<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情</title>
    <link rel="stylesheet" href="../style/css/reset.css">
    <link rel="stylesheet" href="../style/css/goods.css">
    <link rel="stylesheet" href="../style/css/swiper.css">
    <script src="../js/lib/require.js" data-main="../js/goods"></script>
</head>
<body>
<header id="header">
    <!--上方信息条-->
    <section class="headerTop">
        <section class="content">
            <ul class="topLeft">
                <li><img src="../img/li.gif" alt="图片加载失败"></li>
                <li class="zuce"><a href="regist.html">注册有礼</a></li>
                <li>|</li>
                <li class="denglu"><a href="login.html">登录</a></li>
                <li>|</li>
                <li><a href="">收藏</a></li>
            </ul>
            <ul class="topRight">
                <li><a href="">在线咨询</a></li>
                <li>|</li>
                <li>
                    <a href="">手机版</a>
                    <div class="code">
                        <img src="../img/QR_code.png" alt="">
                        <p>扫码下载APP</p>
                    </div>
                </li>
                <li>|</li>
                <li><a href="#">新浪</a></li>
            </ul>
        </section>
    </section>
    <!--logo-->
    <section id="logo">
        <section class="content">
            <div>
                <a href="#" title="魅力惠MEI.COM 时尚奢品 限时折扣" class="logo_main">魅力惠</a>
                <a href="#" style="cursor: pointer;" class="logo_small"></a>
            </div>
        </section>
    </section>
    <!--导航条加二级导航-->
    <nav id="nav">
        <section class="content">
            <ul class="nav_left">
                <li class="item hh">
                    <a href="">首页</a>
                </li>
                <li class="item">
                    <a href="">女士</a>
                    <!--二级列表-->
                    <div class="pop_up">
                        <div class="submenu">
                            <p class="title">热门活动</p>
                            <ul></ul>
                            <p class="more"><a href="">查看所有活动</a></p>
                        </div>
                        <div class="submenu">
                            <p class="title">商品分类</p>
                            <ul></ul>
                        </div>
                    </div>
                </li>
                <li class="item">
                    <a href="">男士</a>
                    <!--二级列表-->
                    <div class="pop_up">
                        <div class="submenu">
                            <p class="title">热门活动</p>
                            <ul></ul>
                            <p class="more"><a href="">查看所有活动</a></p>
                        </div>
                        <div class="submenu">
                            <p class="title">商品分类</p>
                            <ul></ul>
                        </div>
                    </div>
                </li>
                <li class="item">
                    <a href="">美妆</a>
                    <!--二级列表-->
                    <div class="pop_up">
                        <div class="submenu">
                            <p class="title">热门活动</p>
                            <ul></ul>
                            <p class="more"><a href="">查看所有活动</a></p>
                        </div>
                        <div class="submenu">
                            <p class="title">商品分类</p>
                            <ul></ul>
                        </div>
                    </div>
                </li>
                <li class="item">
                    <a href="">家居</a>
                    <!--二级列表-->
                    <div class="pop_up">
                        <div class="submenu">
                            <p class="title">热门活动</p>
                            <ul></ul>
                            <p class="more"><a href="">查看所有活动</a></p>
                        </div>
                        <div class="submenu">
                            <p class="title">商品分类</p>
                            <ul></ul>
                        </div>
                    </div>
                </li>
                <li class="item">
                    <a href="">婴童</a>
                    <!--二级列表-->
                    <div class="pop_up">
                        <div class="submenu">
                            <p class="title">热门活动</p>
                            <ul></ul>
                            <p class="more"><a href="">查看所有活动</a></p>
                        </div>
                        <div class="submenu">
                            <p class="title">商品分类</p>
                            <ul></ul>
                        </div>
                    </div>
                </li>
                <li class="item">
                    <a href="">海外</a>
                    <!--二级列表-->
                    <div class="pop_up">
                        <div class="submenu">
                            <p class="title">热门活动</p>
                            <ul></ul>
                            <p class="more"><a href="">查看所有活动</a></p>
                        </div>
                        <div class="submenu">
                            <p class="title">商品分类</p>
                            <ul></ul>
                        </div>
                    </div>
                </li>
                <li class="item hh"><a href="">即将推出</a></li>
            </ul>
            <ul class="nav_right">
                <!--购物袋-->
                <li class="shopping_quantity"><span>0</span>
                    <div class="hid_goods">
                        <ul class="goods_list clear">购物袋暂无商品</ul>
                    </div>
                </li>
                <li>|</li>
                <li class="shopping_amount">¥0.00</li>
            </ul>
        </section>
    </nav>
</header>
<section id="main">
    <section class="content">
        <div class="leader">
            <ul class="clear">
                <li><a href="index.html">首页</a></li>
                <li id="silo"><span>&gt;</span><a href="index.html">
                </a></li>
                <li id="event"><span>&gt;</span><a href="index.html">
                </a></li>
                <li id="product" class="product"><span>/</span></li>
            </ul>
        </div>
        <div class="wrap clear">
            <div class="wrap_left">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                    </div>
                    <div class="swiper-pagination"></div>
                    <div class="swiper-button-prev swiper-button-black"></div>
                    <div class="swiper-button-next swiper-button-black"></div>
                </div>
                <ul class="clear">
                </ul>
            </div>
            <div class="wrap_right">
                <div class="product_title">J.W. ANDERSON</div>
                <div class="product_name">
                    <h1></h1>
                </div>
                <div class="product_price_box clearfix">
                    <div class="product_price">
                        <span class="product_current_price">￥</span>
                        <span class="product_current_price" id="productRMB">13,710</span>
                    </div>
                </div>
                <div class="box_effect">
                    <div class="box_effect_content" id="shousuo">
                        <div class="box_effect_content_first" style="width:90%;">
                            <span>满688元全场免运</span>
                        </div>
                    </div>
                </div>
                <ul class="color clear">
                    <li >
                        <img alt="">
                        <p></p>
                    </li>
                </ul>
                <div class="count clear">
                    <p>数量</p>
                    <a class="dis">-</a>
                    <span>1</span>
                    <a  class="add">+</a>
                </div>
                <div class="aaa clear">
                    <div>
                        预计出库日期:
                        <span>2017年09月23日</span>
                    </div>
                    <a href="">查看详情</a>
                </div>
                <div class="addCar clear">
                    <a><span>加入购物袋</span></a>
                    <a>立即购买</a>
                </div>
                <!--倒计时-->
                <div class="timedown clear">
                    <div id="timedown"><b>限时抢购</b><br>活动剩余</div>
                    <div class="time">
                        <span class="day"></span>
                        <i>天</i>
                        <span class="hours"></span>
                        <i>时</i>
                        <span class="minite"></span>
                        <i>分</i>
                        <span class="second"></span>
                        <i>秒</i>
                    </div>
                </div>
                <div><img src="../img3/hh.bmp" alt=""></div>
            </div>

        </div>
    </section>

</section>

<section id="msg">
    <section class="content">
        <div class="line"></div>
        <h3>SIZE INFO</h3>
        <p class="p1">尺寸信息</p>
        <p class="p1">单位cm</p>
        <table>
            <tbody>
            <tr>
                <th>品牌尺寸</th>
                <td>03</td>
                <td>06</td>
                <td>04</td>
            </tr>
            <tr>
                <th>规格型号</th>
                <td>90/52</td>
                <td>110/56</td>
                <td>100/52</td>
            </tr>
            <tr>
                <th>衣长</th>
                <td>35</td>
                <td>43</td>
                <td>39</td>
            </tr>
            <tr>
                <th>胸围</th>
                <td>54</td>
                <td>62</td>
                <td>58</td>
            </tr>
            <tr>
                <th>腰围</th>
                <td>50</td>
                <td>58</td>
                <td>54</td>
            </tr>
            <tr>
                <th>袖长</th>
                <td>20</td>
                <td>22</td>
                <td>21</td>
            </tr>
            <tr>
                <th>肩宽</th>
                <td>30</td>
                <td>36</td>
                <td>33</td>
            </tr>
            <tr>
                <th>连肩袖长</th>
                <td>下摆：52</td>
                <td>下摆：64</td>
                <td>下摆：58</td>
            </tr>
            <tr>
                <th>裤长</th>
                <td>连衣裙长：48</td>
                <td>连衣裙长：56</td>
                <td>连衣裙长：52</td>
            </tr>
            <tr>
                <th>臀围</th>
                <td>胸围：58</td>
                <td>胸围：62</td>
                <td>胸围：60</td>
            </tr>
            <tr>
                <th>大腿宽度</th>
                <td>腰围：56</td>
                <td>腰围：64</td>
                <td>腰围：60</td>
            </tr>
            <tr>
                <th>裤口宽度</th>
                <td>肩宽：21</td>
                <td>肩宽：23</td>
                <td>肩宽：22</td>
            </tr>
            </tbody>
        </table>
        <div class="showImg"><img src="../img3/aa.PNG" alt=""></div>
    </section>
</section>
<footer id="footer">
    <section class="content">
        <section class="footer_top">
            <ul class="clear">
                <li><a href="" class="a1">100%正品保证</a></li>
                <li><a href="" class="a2">满688免运费</a></li>
                <li><a href="" class="a3">7天无条件退货</a></li>
                <li><a href="" class="a4">超值折扣</a></li>
                <li><a href="" class="a5">9点限时闪购</a></li>
                <li><a href="" class="a6 last">400-664-6698</a></li>
            </ul>
        </section>
        <p>
            <a href="">关于魅力惠</a>
            <a href="">加入我们</a>
            <a href=""> 联系我们</a>
            <a href="">使用帮助</a>
            <a href="">使用规则</a>
            <a href="">隐私声明</a>
            <a href="">网站地图</a>
        </p>
        <p class="footer_copyright">
            <span>COPYRIGHT©2016  杭州魅俪信息技术有限公司版权所有</span>浙ICP备16004860号-1
        </p>
        <p><span><img src="../img/hui.png" alt=""></span></p>
    </section>

</footer>
</body>
</html>